export default {
	template: `
		<h1>商品列表页</h1>
		<table>
			<thead>
				<th>编号</th>
				<th>商品名</th>
				<th>商品价格</th>
			</thead>
			<tr v-for="item in goods">
				<td>{{item.id}}</td>
				<td><a :href="'#/list/item/'+item.id">{{item.title}}</a></td>
				<td>{{item.price}}</td>
			</tr>
		</table>
		<h1>商品详情</h1>
		<router-view></router-view>
	`,
	data() {
		return {
			goods: [{
					id: 1,
					title: "iphone18",
					price: 8888
				},
				{
					id: 2,
					title: "小米16",
					price: 6888
				},
				{
					id: 3,
					title: "华为Mate70",
					price: 7888
				}
			]
		}
	}
}
